<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>XXX公司心理健康管理</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="../css/reset.css" />
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/page-common.css" />
<link rel="stylesheet" href="../css/Smoke520Theme/jquery-ui-1.10.3.custom.css" />
</head>
<body>
<div id="page">
    <div id="header">
        <img class="logo" src="../img/logo.png" alt="logo" width="170" height="40" />
        <div id="login-bar">
            <a href="#">注销</a> | <a href="#">退出</a>
        </div>
    </div>
    <div class="info-bar">
        <span>2013/07/10(星期日)</span><span>xx公司xx组</span><span>张三</span><span>男</span><span>1980年09月20日出生</span>
    </div>
    
  <div id="nav"> 
    <ul id="nav-main" class="util-clearfix">
      <li class="first"><a href="home.html">首页</a></li>
      <li><a href="#" url-data="#nav8">在线咨询</a></li>
      <li><a href="#" url-data="#nav4">问卷吧</a></li>
      <li><a href="#" url-data="#nav7">进度计划</a></li>
      <li><a href="#" url-data="#nav5">对策查看</a></li>
      <li><a href="#" url-data="#nav3">考试吧</a></li>
      <li><a href="#" url-data="#nav6">报表</a></li>
      <li><a href="myInfo.html">我的信息</a></li>
	  <li><a href="suggestion.html">建议</a></li>
      <li><a href="#" url-data="#nav1">系统管理</a></li>
      <li><a href="#">游戏</a></li>
    </ul>
    <div class="nav-sub util-clearfix"> 
      <div class="nav-sub-body" id="nav7"><a href="mySchedule.html">个人进度计划</a> 
        | <a href="companySchedule.html">公司进度计划</a></div>
      <div class="nav-sub-body" id="nav3"><a href="examStatistics.html">试卷统计</a> 
        | <a href="examType.html">考试类型</a> | <a href="questionType.html">考试题型</a> 
        | <a href="managePaper.html">试卷管理</a> | <a href="manageQuestion.html">试题管理</a> 
        | <a href="examFull.html">考试</a></div>
      <div class="nav-sub-body" id="nav4"><a href="questionnaireList.html">问卷列表</a> 
        | <a href="countQuestionnaire.html">问卷统计</a></div>
      <div class="nav-sub-body" id="nav5"><a href="countermeasureCom.html">本公司</a> 
        | <a href="countermeasureCP.html">公司-个人</a></div>
      <div class="nav-sub-body" id="nav8"><a href="consultation.html">个人咨询</a> 
        | <a href="setTime.html">设置预约时间</a> | <a href="checkAppointment.html">查看预约</a> 
        | <a href="reply.html">回复咨询</a></div>
      <div class="nav-sub-body" id="nav1"><a href="importPeople.html">名单导入</a></div>
      <div class="nav-sub-body" id="nav6"><a href="#">报表1</a> | <a href="#">报表2</a> 
        | <a href="#">报表3</a> | <a href="#">报表4</a></div>
    </div>
  </div>
    <div id="content" class="util-clearfix">
        <div id="main-bar">
            <div class="main-bar-title">我的量表 (5)</div>
            <div class="main-bar-body">
                <ul>
				 
          <li><a href="#">量表1</a><strong class="stat-icon1">已完成</strong></li>
				  
          <li><a href="examFull.html">量表2</a><strong class="stat-icon2">进行中</strong></li>
				  
          <li><a href="examFull.html">量表3</a><strong class="stat-icon2">进行中</strong></li>
				  
          <li><a href="examFull.html">量表4</a><strong class="stat-icon2">进行中</strong></li>
				  
          <li><a href="#">量表5</a><strong class="stat-icon3">未开始</strong></li>
                </ul>
            </div>
            <h3 class="main-bar-title">我的报告 (4)</h3>
            <div class="main-bar-body">
                <ul>
				  
          <li><a href="mySummaryReport.html">综合报告</a><strong class="stat-icon1">综合</strong></li>
				  
          <li><a href="myReport.html">个人报告1</a><strong class="stat-icon2">个人</strong></li>
				  
          <li><a href="myReport.html">个人报告2</a><strong class="stat-icon2">个人</strong></li>
				  
          <li><a href="myReport.html">个人报告3</a><strong class="stat-icon2">个人</strong></li>
                </ul>
            </div>
            <h3 class="main-bar-title">公司/部门报告 (1)</h3>
            <div class="main-bar-body">
                <ul>
				  
          <li><a href="companyReport.html">报告1</a><strong class="stat-icon1">已完成</strong></li>
                </ul>
            </div>
			<h3 class="main-bar-title">我的问卷 (5)</h3>
            <div class="main-bar-body">
                <ul>
				  
          <li><a href="#">问卷1</a><strong class="stat-icon1">已完成</strong></li>
				  
          <li><a href="myQuestionnaire.html">问卷2</a><strong class="stat-icon3">未开始</strong></li>
				  
          <li><a href="myQuestionnaire.html">问卷3</a><strong class="stat-icon3">未开始</strong></li>
				  
          <li><a href="myQuestionnaire.html">问卷4</a><strong class="stat-icon3">未开始</strong></li>
				  
          <li><a href="myQuestionnaire.html">问卷5</a><strong class="stat-icon3">未开始</strong></li>
                </ul>
            </div>
        </div>

        <div id="main">
            <div class="report-box">
                <div class="report-box-title util-clearfix">
                    <div class="title-text">考试类型列表</div>
                    <div class="title-action">
                        <a href="#" id="add-btn" class="ui-button-page ui-button-normal ui-button-medium">新增</a>                     
                    </div>
                </div>
				<div class="report-box-body">
                    <div class="tab-contents1">
						<div class="seach-table">
						   <table>
							   <tr>
									<th width="60px">考试类型</th>
									<td width="100px"><input type="text" class="ui-textfield ui-textfield-system" /></td>
									<th width="60px">目的</th>
									<td width="100px"><input type="text" class="ui-textfield ui-textfield-system" /></td>
									<td><button class="ui-button-page ui-button-primary ui-button-medium" type="submit">查询</button></td>
							   </tr>
						   </table> 
						</div>
						<div class="top-table">
							<table>
								<tr>
									<th width="50px">序号</th>
									<th width="50px">编辑</th>
									<th width="50px">删除</th>
									<th>考试类型</th>
									<th>目的</th>
								</tr>
								<tr>
									<td>1</td>
									<td>
                                        <!-- 编辑与添加公用一个dialog,参看脚本调用处注释 // -->
                                        <a class="editBtn" href="" title="编辑">&nbsp;</a>
                                        <input type="hidden" rel="#a1" value="111" />
                                        <input type="hidden" rel="#a2" value="222" />
                                    </td>
									<td>
                                        <!-- 删除确认注意 class="delBtn"后面添加form,提供后台删除操作提交 后台编写代码时，自己添加即可 -->
                                        <a class="delBtn" href="" title="删除">&nbsp;</a>
                                        <form></form>
                                    </td>
									<td>XXXXX</td>
									<td>XXXXX</td>
								</tr>
							</table>
						</div>
                	</div>
                </div>
            </div>
        </div>
    </div>

    <div id="footer">Copyright &copy; 2007-2012 XXXXX Group Co.Ltd All Rights Reserved</div>
</div>

<div id="add-dialog" class="open-dialog" style="display:none">
    <form id="add-form" method="post" action="">
        <table>
            <tr>
                <th>类型名称</th>
                <td><input id="a1" name="a1" type="text" class="ui-textfield ui-textfield-system" /></td>
            </tr>
            <tr>
                <th>目的</th>
                <td>
                    <textarea id="a2" name="a2" class="ui-textfield .ui-textfield-systems"></textarea>
                </td>
            </tr>
        </table>         
    </form>     
</div>

<script src="../js/jquery-1.7.min.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="../js/jquery.validate.js"></script>
<script>
    $(function(){
        $("#add-dialog").dialog({
            autoOpen: false,
            width: 400,
            modal: true,
            buttons:{
                '提交':function(){
                    $('#add-form').submit();
                },
                '关闭':function(){
                    $(this).dialog('close');
                }
            }
        });
        
        //编辑与添加公用一个dialog,如果是<a>标签点击使用，记得添加return false;下面是回填例子及title命名，后台代码编写中，自己添加即可
        $('#add-btn,.editBtn').click(function(){
            //根据按钮类型判断dialog title值
            if($(this).hasClass('editBtn')){
                $("#add-dialog").dialog({
                    title: '编辑考试类型'
                })
            }else{
                $("#add-dialog").dialog({
                    title: '新增考试类型'
                })            
            }

            //编辑带入隐藏域值
            if($(this).hasClass('editBtn')){
                var storeInput = $(this).parent().find(':input');
                var target = '';

                storeInput.each(function(){
                    target = $($(this).attr('rel'));
                    target.val($(this).val());
                });
            }else{
                //新增清空值
                $('#add-dialog :input').val('');
            }
            $("#add-dialog").dialog('open');
            return false;
        });

        //校验框架例子
        $("#add-form").validate({
            rules: {
                a1: {
                    required: true,
                    minlength: 5
                },
                a2: {
                    required: true,
                    minlength: 5,
                }
            },
            messages: {
                a1: {
                    required: "不能为空",
                    minlength: "最少5个字节"
                },
                a2: {
                    required: "不能为空",
                    minlength: "最少5个字节"
                }
            }
        });

    });
</script>
<script>
    $(function(){
        $("#main-bar").accordion();
    })
</script>
</body>
</html>